module.exports = {
    // rem适配
    css: {
      loaderOptions: {
        postcss: {
          plugins: [
            require('postcss-plugin-px2rem')({
              rootValue: 75, //换算基数， 默认100  ，这样的话把根标签的字体规定为1rem为50px,这样就可以从设计稿上量出多少个px直接在代码中写多上px了。
              // unitPrecision: 5, //允许REM单位增长到的十进制数字。
              //propWhiteList: [],  //默认值是一个空数组，这意味着禁用白名单并启用所有属性。
              // propBlackList: [], //黑名单
              // exclude: /(page_pc)/i,  //默认false，可以（reg）利用正则表达式排除某些文件夹的方法，例如/(node_module)/ 。如果想把前端UI框架内的px也转换成rem，请把此属性设为默认值
              exclude: /node_modules/i,
              // selectorBlackList: ['van-'], //要忽略并保留为px的选择器,我们一般不转换vantui中的大小
              // ignoreIdentifier: false,  //（boolean/string）忽略单个属性的方法，启用ignoreidentifier后，replace将自动设置为true。
              // replace: true, // （布尔值）替换包含REM的规则，而不是添加回退。
              mediaQuery: false,  //（布尔值）允许在媒体查询中转换px。
              minPixelValue: 3 //设置要替换的最小像素值(3px会被转rem)。 默认 0
            }),
          ]
        }
      }
    },
    lintOnSave: "warning", // 输出提示错误, 但项目继续运行
  //   devServer: {
  //     proxy: {
  //       "/api": {
  //         target: "http://localhost:8080/",
  //         changeOrigin: true,
  //         // pathRewrite: { "^/api": "" },
  //       },
  //     },
  //   },
  // }
// vue.config.js
// module.exports = {
//   chainWebpack: config => {
//     config.module
//       .rule('css')
//         .test(/\.css$/)
//         .oneOf('vue')
//         .resourceQuery(/\?vue/)
//         .use('px2rem')
//           .loader('px2rem-loader')
//           .options({
//             remUnit: 75//设计稿的宽度的1/10
//           })
//   }
 }
